<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Item Management</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
	<div id="container">
		<h1>Item Management</h1>
		
		<div id="nav">
			<ul>
				<li class="active"><a href="index.html">Items</a></li>
				<li><a href="category.html">Categories</a></li>
				<li><a href="templates.html">Templates</a></li>
                <li><a href="config.html">Config</a></li>
			</ul>	
			<br class="clr" />		
		</div><!-- end of #nav -->
				
		<div id="subnav">
			<ul>
				<li class="active"><a href="index.html">View all items</a></li>
				<li><a href="item_add.html">Add new item</a></li>
                <li><a href="item_add_multiple.html">Add multiple items</a></li>
			</ul>				
			<br class="clr" />	
		</div>
		
		<div id="main">
			<h2>View all items</h2>
			<div id="filter">
				Category&nbsp;
				<select>
					<option>None</option>
					<option>Category 1</option>
					<option>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|-- Category 1.1</option>
					<option>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|-- Category 1.2</option>
					<option>Category 2</option>
					<option>Category 3</option>
					<option>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|-- Category 3.1</option>
					<option>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|-- Category 3.1.1</option>
					<option>Category 4</option>		
				</select>
				&nbsp; &nbsp;
				Sort by&nbsp;
				<select>
					<option>A - Z</option>
					<option>Z - A</option>
					<option>Newest first</option>
					<option>Oldest first</option>
					<option>Most viewed</option>
					<option>Least viewed</option>
				</select>
				&nbsp; &nbsp;
				Show&nbsp;
				<select>
					<option>20</option>
					<option>50</option>
					<option>100</option>					
				</select>
			</div><!-- end of #filter -->
			
			<table id="table1">
				<thead>
					<tr>
						<th class="id">ID</th>
						<th class="name">Name</th>						
						<th class="category">Category</th>
						<th class="date">Date created</th>
                        <th class="date">Date modified</th>
						<th class="hits">Hits</th>
						<th class="action">Action</th>
					</tr>
				</thead>
				
				<tbody>
					<tr>
						<td class="id">1</td>
						<td class="name"><a href="#">Product medium title goes here</a></td>
						<td class="category">Category 1 (2)</td>
						<td class="date">20.02.09</td>
                        <td class="date">20.02.09</td>
						<td class="hits">1348</td>
						<td class="action"><a href="#">Delete</a></td>
					</tr>
					
				</tbody>
			</table>
			
			<div class="paging">
				Showing <strong>61 - 80</strong> in <strong>136</strong> &nbsp;<span class="light">|</span>&nbsp; Page:
				<a href="#">1</a>
				<a href="#">2</a>
				<a href="#">3</a>
				<span class="current">4</span>
				<a href="#">5</a>
				<a href="#">6</a>
				<a href="#">7</a>		
			</div><!-- end of #paging -->
		</div><!-- end of #container -->
	</div><!-- end of #container -->
</body>
</html>